@charset "utf-8";

* {
    margin: 0;
    padding: 0;
}

body{
    background-color: #eee;
    font: 12px/20px tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}

.container{
    width: 80%;
    height: auto;
    margin: 50px auto;
    background-color: white;
    padding: 10px;
    /*阴影*/
    box-shadow: 0 0 5px #ddd;
    /*过渡*/
    transition: box-shadow .5s;
}
.container:hover{
    box-shadow: 0 0 15px #ccc;
}
.container .banner{
    width: 100%;
    height: auto;
    margin: 10px 0;
}

.container .banner img{
    width: 100%;
    height: auto;
    /*透明度*/
    opacity: 0.95;
    /*滤镜*/
    filter: grayscale(60%);
    transition-property:opacity filter ;
    transition: .5s;
}
.container .banner img:hover{
    opacity: 1;
    filter: grayscale(0%);
}
.container .article{
    width: 100%;
    height: auto;
    margin: 10px 0;
}
.container .article p{
    margin: 15px 0;
}
.container .article p:first-line{
    font-weight: bold;
}
